<template>
  <!--子标题 -->
  <div class="sub-tit flex alc">
    <span class="icon"></span>
    <span class="font16 bold">{{ title }}</span>
    <slot></slot>
    <span class="tip font12">{{ tip }}</span>
  </div>
</template>

<script>
export default {
  name: "",
  props: ["title", "tip"],
  data() {
    return {};
  },
  created() {},
  methods: {},
};
</script>

<style scoped lang="scss">
.sub-tit {
  .icon {
    width: 4px;
    height: 18px;
    background-color: $primary;
    margin-right: 7px;
  }
  .tip {
    color: $red;
    margin-left: 8px;
  }
}
</style>
